<div class="binaraCAPTCHA-html-helper-container">
    <style type="text/css" media="all" scoped="scoped">
        .binaraCAPTCHA-html-helper-container {
            display: block;
            width: 280px;
            border: #ffc23f solid 2px;
            border-radius: 6px;
            background-color: #ffc23f;
            font-family: sans-serif;
            font-size: 14px;
            padding: 2px 4px 8px 4px;
        }

        .binaraCAPTCHA-html-helper-container img {
            display: block;
            margin: 2px auto 2px auto;
            border-radius: 4px;
        }

        .binaraCAPTCHA-html-helper-container input {
            display: block;
            float: left;
            width: 250px;
            border: #ffa23f solid 1px;
        }

        .binaraCAPTCHA-html-helper-container a {
            display: block;
            text-decoration: none;
            color: black;
        }

        .binaraCAPTCHA-html-helper-container a img {
            display: block;
            float: left;
            margin: 4px 0px 0px 6px;
            border-radius: 4px;
            vertical-align: middle;
        }
    </style>
    <img src="../web/image.php" id="binaraCAPTCHA" alt="CAPTCHA Image" title="Enter characters shown in this image" />
    <input type="text" id="binaraCAPTCHATextInput" name="binaraCAPTCHATextInput" placeholder="Enter characters here. Ignore case." />
    <a href="javascript: binara_reloadImage();" title="Reload Image">
        <img src="" />
    </a>
    <br />
    <script type="text/javascript">
        function binara_reloadImage() {
            document.getElementById('binaraCAPTCHA').src = '../web/image.php?seed=' + Math.random();
        }
    </script>
</div>